<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>天天互保-加入亲情账户</title>
<meta name="keywords" content="天天互保"> 
<meta name="description" content="天天互保"> 
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport">
<link rel="stylesheet" href="__CSS__/style.css">
<link rel="stylesheet" href="__CSS__/index.css">
<link rel="stylesheet" href="__CSS__/admin.css">
<link rel="stylesheet" href="__CSS__/type_info.css">
<script src="__JS__/jquery.min.js"></script>
<script src="__JS__/jquery.validate.js"></script>
<script src="__JS__/member.validate.js"></script>
</head>
<body>
<form action="__URL__/qadd" id="form1" method="post">
<input type="hidden" name="uid" value="<?php echo $_SESSION['user']?>">
	<ul class="uslist font14">
		<li class="updates">
			<p>真实姓名</p>
			<div class="inputs">
				<input type="text" id="realname" name="qname" pattern="^[\u4e00-\uf900]{2,10}$" placeholder="真实姓名必须为中文,最少两个字!"  class="inputtype font14" required minlength="2"/>
				<label for="realname" class="errorinfo"> </label>
			</div>
		</li>
		<li class="updates">
			<p>身份证号</p>
			<div class="inputs">
				<input type="text" id="idcard" name="qcard" pattern="^(([0-9]{15})|([0-9xyz]{18}))$" placeholder="此项为校验身份用途，请填写真实号码" class="inputtype font14" required minlength="15" pattern="" maxlength="18"/>
				<label for="idcard" class="errorinfo"> </label>
			</div>
		</li>
		<li class="updates nobor_bottom">
			<p>与本人关系</p>
			<div class="inputs guanxi" >
				<div class="inputtype font14" name='twith' id="famvalue">父亲</div>
				<input type="hidden" name='twith' id="twith" value="">
				<label class="errorinfo"><img src="__IMG__/selemore.png" class="selemore"></label>
			</div>
		</li>
	</ul>
	<input type="submit" value="加入亲情账户" class="submits font14 top15">
	<div class="notes1 font14">温馨提示：实名认证信息是获取保障的唯一凭证</div>
</form>
<!--BEGIN 弹出框-->
<div class="pop_up" id="pop1">
	<div class="pop_upbg" style="display:none"></div>
	<div class="pop_uplog1 font14">
		<div class="xialabg">
			<ul id="familyinfo">
				<li>父亲</li>
				<li>母亲</li>
				<li>儿子</li>
				<li>女儿</li>
				<li>哥哥</li>
				<li>弟弟</li>
				<li>姐姐</li>
				<li>妹妹</li>
				<li>妻子</li>
				<li>丈夫</li>
			</ul>
			<img src="__IMG__/xialabg.png" class=""/>
		</div>
		<!-- <div class="xial_yes">
			<a href="#" class="lin_bottom">确定</a>
			<a href="#">取消</a>
		</div> -->
	</div>
</div>
<!--END 弹出框-->
<script>
$('.guanxi').on('click',function(){
	$('.pop_upbg').css('display','block');
	$('.pop_uplog1').animate({
		width:'100%',
		height:'150px',
	},1000,'swing');
})
$(document).ready(function(){
	var obj_lis = document.getElementById("familyinfo").getElementsByTagName("li");
	for(i=0;i<obj_lis.length;i++){
		obj_lis[i].onclick = function(){
			document.getElementById("famvalue").innerHTML = this.innerHTML;
			document.getElementById("twith").value = this.innerHTML
		}
	}
	$('#familyinfo li').on('click',function(){
		$('.pop_upbg').css('display','none');
		$('.pop_uplog1').animate({
			width:'100%',
			height:'0',
		},300,'swing');
	})
})　

</script>
</body>
</html>